<!DOCTYPE html>
<%@page import="gestion.modelo.Usuario"%>
<html lang="en">
  <head>
    <meta charset="utf-8">	    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
	
	<title>Bootstrap, from Twitter</title>

	<script src="js/jquery-1.9.1.js"></script>
		
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">    
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
	<link href="css/extra.css" rel="stylesheet"> 
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    
  </head>

  <body>
 
    
    <!-- seccion de navegacion -->
    
    


    
    <!-- fin de navegacion -->

<div  class="_seccion">
	<span  class="titulo_seccion">Editar Personas</span>
</div>



<div id="container" class="container">
		<div id="content">
						
                        
<div class="row">
  <div class="span8">
  <!-- SECCIOND E REGISTRO DE FORMULARIO -->
  
<div class="row-fluid">
  <form class="form-horizontal" action="RegistrarUsuarioServlet" method="post"  >
    <fieldset>
      <div id="legend">
        <legend class="">Registrar
        
        ${RESPUESTA}
        <% 
        	     
       // GestionUsuario usuario = new GestionUsuario(); 
        
       	Usuario user = (Usuario)request.getAttribute("user");
        	
        	%>
        
         </legend>
      </div>
 
      <!-- Name -->
      
      <div class="control-group">
        <label class="control-label"  for="username">Nombres</label>
        <div class="controls">
            <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text"value="<% out.println(user.getNombres()); %>" id="username" name="nombre" placeholder="" class="input-xlarge">
            </div>
         
         </div>
      </div>
 
 

      
      <!-- Card Number -->
      <div class="control-group">
        <label class="control-label" for="email">Apellido Paterno</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="paterno" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
 
 
       <!-- Card Number -->
      <div class="control-group">
        <label class="control-label" for="email">Apellido Materno</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="materno" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>



      <div class="control-group">
        <label class="control-label" for="email">Celular</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="celular" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
      
            
      <!-- Expiry-->
      <div class="control-group">
        <label class="control-label" for="password">Sexo</label>
        <div class="controls">
          <select class="span3" name="sexo" id="expiry_month">
          
            <option value="1">MASCULINO</option>
            <option value="2">FEMENINO</option>
 
          </select>
        </div>
      </div>
 
 
 
 
       <!-- Expiry-->
      <div class="control-group">
        <label class="control-label" for="tipo_documento">Tipo documento</label>
        <div class="controls">
          <select class="span3" name="tipo_documento" id="expiry_month">
          
            <option value="DNI">DNI</option>
            <option value="PASAPORTE">PASAPORTE</option>
 
          </select>
        </div>
      </div>
                 
      
      <!-- CVV -->
      <div class="control-group">
        <label class="control-label"  for="password_confirm">Numero Documento</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="nro_documento" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
 
 
       <div class="control-group">
        <label class="control-label"  for="password_confirm">Correo</label>
        <div class="controls">
           <div class="input-prepend">
					 
			<span class="add-on"><i class="icon-envelope"></i></span>
				 

          		<input type="text" id="email3" name="correo" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
      
      
      <div class="control-group">
        <label class="control-label"  for="password_confirm">Clave</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="clave" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
   
                        
                        
      
            <!-- Expiry-->
      <div class="control-group">
        <label class="control-label" for="password">Perfil</label>
        <div class="controls">
          <select class="span3" name="perfil_idperfil" id="expiry_month">
          
            <option value="1">ADMINISTRADOR</option>
            <option value="2">PROFESOR</option>
  			<option value="3">COORDINADOR</option>
          </select>
        </div>
      </div>
      
      
      
      
      
 
 
      <!-- Submit -->
      <div class="control-group">
        <div class="controls">
          <button class="btn btn-success">Guardar</button>
          
          <button type="button" class="btn btn-danger">Cancelar</button>
          
        </div>
      </div>
 
    </fieldset>
  </form>
</div>

  <!-- FIN - SECCIOND E REGISTRO DE FORMULARIO -->
  </div>
  <div class="span4">
  <!-- SECCION DE DESCRIOCION -->
  
  

  
  
  <!-- FIN - SECCION DE DESCRIOCION -->  
  </div>
</div>



			



 
 
 
 
		</div>
  </div>
    
    
 
    
    
<!-- /container -->
    
    
    
    <footer class="container">
		<div class="row">
			<div class="span6">
				<p>ONAGI - Sistemas y Telecomunicaciones - 2013 Â©</p>
			</div>
		</div>
	</footer>
    
    
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap-affix.js"></script>
    <script src="js/bootstrap-alert.js"></script>
	<script src="js/bootstrap-button.js"></script>
	<script src="js/bootstrap-carousel.js"></script>
	<script src="js/bootstrap-collapse.js"></script>
	<script src="js/bootstrap-dropdown.js"></script>	
    <script src="js/bootstrap-modal.js"></script>
	<script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>	
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>	    
	<script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>

	
  </body>
</html>
